@charset "utf-8";
/*Technical Support SudyTech*/
/*.new-6 {background: url(images/main6bg.jpg) no-repeat;background-size:cover;}*/
.mbox-51 ul.news_list {
    display: flex;
    position: relative;
}

.mbox-51 ul.news_list .news {
    display: inline-block;
    position: absolute;
    z-index: 1;
    width: 16.1%;
}

.mbox-51 ul.news_list .news.n1 {width: 57.13%;margin-top: 16.1vw;}

.new-5 .zjk-1 {
    max-width: inherit;
    padding: 0;
}

.mbox-51 ul.news_list .news.n1 a {
    height: 28.1vw;
}
.mbox-51 ul.news_list .news.n2 a {
    height: 28.1vw;
}
.mbox-51 ul.news_list .news a {
    display: block;
    height: 16.1vw;
    position: relative;
    overflow: hidden;
}
.mbox-51 ul.news_list .news.n1,.mbox-51 ul.news_list .news.n2 {
    position: relative;
}

.mbox-51 ul.news_list .news.n2 {
    width: 42.87%;
}


.mbox-51 ul.news_list .news.n3 {
    right: calc(42.87% + 16.1%);
}

.mbox-51 ul.news_list .news.n4 {
    right: 42.87%;
}
.mbox-51 ul.news_list .news.n6{
    bottom:0;
    left: calc(57.13% + 16.1%);
}
.mbox-51 ul.news_list .news.n5 {
    bottom:0;
    left:57.13%;
}

.mbox-51 ul.news_list .news.n3 a{
    background-color: #B11219;
}
.mbox-51 ul.news_list .news.n4 a{
    background-color: #2E6DB9;
}
.mbox-51 ul.news_list .news.n5 a{
    background-color: #084A87 ;
}
.mbox-51 ul.news_list .news.n6 a{
    background-color: #CEAE8D;
}
.mbox-51 ul.news_list .news a .news_wz {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 2vw;
    display: flex;
    box-sizing: border-box;
    flex-direction: column;
    justify-content: flex-end;
    color: #fff;
}

.mbox-51 ul.news_list .news a .news_title {
    font-size: 20px;
    font-family: 'SourceHanSansCN-Medium';font-weight:bold;
    line-height: 27px;
    margin-bottom: 10px;
}
.mbox-51 ul.news_list .news a .news_bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: all 0.4s ease-in-out;
}

.mbox-51 ul.news_list .news a .news_title2 {
    font-size: 13px;
    line-height: 17px;
    display: flex;
    align-items: center;
}
.mbox-51 ul.news_list .news.n3 a .news_bg ,.mbox-51 ul.news_list .news.n4 a .news_bg, .mbox-51 ul.news_list .news.n5 a .news_bg ,.mbox-51 ul.news_list .news.n6 a .news_bg {
    opacity: 0.2;
}
.mbox-51 ul.news_list .news.n2 a .news_wz * {
    z-index: 1;
    position: relative;
}
.mbox-51 ul.news_list .news.n1 a .news_bg,.mbox-51 ul.news_list .news.n2 a .news_bg {
    opacity: 1;
}

.mbox-51 ul.news_list .news.n1:hover a .news_bg, .mbox-51 ul.news_list .news.n2:hover a .news_bg {
    opacity: 1;
}

.mbox-51 ul.news_list .news.n2 a:hover .news_wz:after{opacity:0}
.mbox-51 ul.news_list .news.n2 a .news_wz:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0; 
    z-index: -1;  
    opacity: 0.8;background-size:cover;
    transition: all 0.4s ease-in-out;
background: #EF8200
}
.mbox-51 ul.news_list .news a .news_icon svg {
    height: 50px;
    width: auto;
}

.mbox-51 ul.news_list .news a .news_icon {
    margin: 0;
}

.mbox-51 ul.news_list .news.n1 a .news_wz {
    width: 219px;
    padding: 0;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: auto;
}

.mbox-51 ul.news_list .news.n1 a .news_title2:before {
    content: "";
    display: block;
    flex: 1;
    height: 1px;
    background: #fff;
    margin-right: 10px;
}

.mbox-51 ul.news_list .news.n1 a .news_icon {
    position: absolute;
    right: 0;
    top: -20px;
}

.mbox-51 ul.news_list .news.n1 a .news_icon svg {
    width: 47px;
}

.mbox-51 ul.news_list .news.n1 a .news_title {
    font-size: 32px;
}

.mbox-51 ul.news_list .news.n2 a .news_wz {
    width: 16.1vw;
    height: 16.1vw;
    bottom: 0;
    top: auto;z-index:3;
   /* background: #EF8200;*/
background: url(images/mtsy_bg.png) no-repeat;
    background-size: cover;
}
.mbox-51 ul.news_list .news.n2 a:hover .news_wz:before{opacity:0;z-index:222}
.mbox-51 ul.news_list .news a:hover .news_bg {
    transform: scale(1.1);
    opacity: 0.8;
}
.mbox-61 {padding-top: 42.85%;height: 0;position: relative;}

.mbox-61 .news_list .news {
    width: 14.285%;
    height: 33.33%;
    position: absolute;
    background: rgb(225 232 242 / 30%);
    z-index: 1;
    transition: all 0.4s ease-in-out;
}

.mbox-61 .news_list .news.n1 {
    left: 0;
    top: 33.33%; background: rgb(225 232 242 / 30%);
}
.mbox-61 .news_list .news.n2 {
    left: 14.285%;
    top:66.66%;background: rgb(225 232 242 / 20%);
}
.mbox-61 .news_list .news.n3 {
    left: 42.855%;
   top: 33.33%; 
}
.mbox-61 .news_list .news.n4 {
    right: 28.575%;
   bottom: 0;background: rgb(225 232 242 / 40%);
}
.mbox-61 .news_list .news.n5 {
    right: 14.285%;
  top: 0;
}
.mbox-61 .news_list .news.n6{
    right: 0;
  top: 33.33%; background: rgb(225 232 242 / 20%);
}
.mbox-61 .news_list .news.n7 {
    right: 0;
  top:66.66%;
}

.mbox-61 .tit {
    position: absolute;
    left: 28.575%;
    top: 0;
    width: 14.285%;
    height: 33.33%;
    background: #003177;
    color: #fff;
    font-size: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'SourceHanSansCN-Medium';font-weight:bold
}

.mbox-61 .news_list:before {
    content:"";
    width: 14.285%;
    height: 33.33%;
    display: block;
    left: 14.286%;
    position: absolute;
    top: 33.33%;
    background: rgb(225 232 242 / 40%) url(images/1/tlogo.svg) no-repeat center;
    transition: all 0.4s ease-in-out;
}

.mbox-61 .news_list:after {
    content:"";
    width: 14.285%;
    height: 33.33%;
    display: block;
    right: 14.285%;
    position: absolute;
    top: 33.33%;
    background: rgb(225 232 242 / 40%) url(images/1/bigdata.svg) no-repeat center;
    transition: all 0.4s ease-in-out;
}
.mbox-61 .news_list .news a {
    display: flex;box-sizing:border-box;padding:0 30px;
    width: 100%;
    height: 100%;
    align-items: flex-start;
    justify-content: center;
    color: #fff;
    flex-direction: column;
 /*   text-shadow: 0 2px rgb(0 0 0 / 50%);*/
    gap: 19px;
}

.mbox-61 .news_list .news a .news_title2 {
    font-family: "PingFang SC";
    font-weight: bold;
    font-size: 47px;

  
}

.mbox-61 .news_list .news a .news_title {
    #font-size: 20px;
   #font-family: 'SourceHanSansCN-Bold';
    #text-align: center;
    #width: 82%;
  height: 5.25em;
    font-weight: normal;
    font-size: 14px;
    color: #fff;
    line-height: 1.75em;
    overflow: hidden;
}
.mbox-61 .news_list .news:hover {
   
}
.mbox-61 .news_list:after:hover,.mbox-61 .news_list:before:hover{    background-color: rgb(225 232 242 / 60%);}
.body_b .mbox-71 .tt .tit:after {
    background-image: url(images/ttbg5.png);
}
.new-7 .zjk-1 {
    padding: 96px 0 120px;
}
.new-7 {
    background: url(images/main7bg.png) no-repeat right;
background-size: cover;
}